<template>
  <line-item class="sticker-line" :timeline-item="timelineItem">
    <template v-for="(_, index) in blockArr" :slot="index">
      <div class="shape-content show-padding">{{ stickersName }}</div>
    </template>
  </line-item>
</template>

<script>
import singleMixins from '@veditor/components/timeLine/js/singleMixins';

export default {
  name: 'Sticker',
  mixins: [singleMixins],
  computed: {
    stickersName() {
      return this.timelineItem.stickersName;
    },
  },
};
</script>

<style lang="stylus">
.sticker-line
  padding 0 20px
  .line-item
    background-color rgba(255, 103, 61, 0.3)
    color #ff8543
</style>
